<!doctype html>
<html lang=zh-cmn-Hans>
<head>
    <meta charset="UTF-8">
    <title>李航简历</title>
    <meta name="author" content="李航">
    <link rel="shortcut icon" href="/assets/favicon.ico" type="image/x-icon" />
    <meta name="keyword" content="李航 李航简历">
    <meta name="description" content="李航简历">
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <link rel="preload" href="https://cdn.jsdelivr.net/npm/fullpage.js@2.9.7/dist/jquery.fullpage.min.css" as="style" />
    <link rel="preload" href="css/main.css" as="style" />

    <link rel="preload" href="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js" as="script"/>
    <link rel="preload" href="https://cdn.jsdelivr.net/npm/fullpage.js@2.9.7/dist/jquery.fullpage.min.js" as="script"/>

    <link rel="preload" href="assets/WeChat.png" as="image"/>

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fullpage.js@2.9.7/dist/jquery.fullpage.min.css" />
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <div id="fullpage">
        <!-- page 1 -->    
        <div class="section info">
            <div class="avatar"></div>
            <div class="name-title">
                <div class="name">李航</div>
                <div class="title">前端工程师</div>
            </div>
            <ul class="contacts">
                <!-- github -->
                <a class="contact" target="_black" href="//github.com/woshilihang">
                    <span class="iconfont-resume icon-github"></span>
                </a>
                <!-- juejin -->
                
                    <a class="contact" target="_black" href="//juejin.im/user/5b5e90ba6fb9a04fa01d5316">
                        <span class="iconfont-resume icon-juejin"></span>
                    </a>
                
                <!-- wechat -->
                <a class="contact">
                    <span class="iconfont-resume icon-wechat">
                        <img class="wechat" src="assets/WeChat.png"/>
                    </span>
                </a>
                <!-- tele -->
                
                    <a class="contact" target="_black" href="tel:18296542194">
                        <span class="iconfont-resume icon-tele">
                            <span class="tele">18296542194</span>
                        </span>
                    </a>
                
                <!-- email -->
                <a class="contact" href="mailto:1278408713@qq.com">
                    <span class="iconfont-resume icon-email">
                        <span class="email">1278408713@qq.com</span>
                    </span>
                </a>
            </ul>
            <span class="pdf"><a href="assets/resume.pdf" target="_blank">LI_HANG_RESUME.pdf</a></span>
        </div>
        <!-- page 2 -->
        <div class="section education">
            <h1>教育背景</h1>
            <ul>
              
                <li>
                    <time>2016.09 - 2020.03</time>
                    <div class="school">华东交通大学</div>
                    <div class="major">软件工程(移动开发)</div>
                </li>
              
            </ul>
        </div>
        <!-- page 3 -->
        <div class="section experiences">
            <h1>经历荣誉</h1>
            <ul class="works">
                
                  <li class="work">
                    <div class="target-border">
                        <div class="target-dot"></div>
                    </div>
                    <span class="company">校教务处项目组</span>
                    <span class="title">前端开发</span>
                    <time>2016.9 - 至今</time>
                    <div class="tech-stack">html , css ,js,jQuery,webpack,vue,node</div>
                    <ul class="description">
                        
                          <li>主前端开发，项目界面设计</li>
                        
                          <li>与后台交互，完成项目开发</li>
                        
                    </ul>
                </li>
              
                  <li class="work">
                    <div class="target-border">
                        <div class="target-dot"></div>
                    </div>
                    <span class="company">奖项-荣誉</span>
                    <span class="title"></span>
                    <time>2016.9 - 至今</time>
                    <div class="tech-stack"></div>
                    <ul class="description">
                        
                          <li>获江西省计算机作品大赛二，三等奖</li>
                        
                          <li>获阿里云"网站建设：部署与发布"认证证书</li>
                        
                          <li>获校三好学生，校奖学金</li>
                        
                          <li>获校运会先进个人</li>
                        
                          <li>获校双基大赛三等奖</li>
                        
                    </ul>
                </li>
              
            </ul>
        </div>
        <!-- page 4 -->
        <div class="section opensource">
            <h1>开源作品</h1>
            <ul class="works">
                
                  <li class="work">
                    <div class="target-border">
                        <div class="target-dot"></div>
                    </div>
                    <a target="_blank" href="https://github.com/fi3ework/douban-movie-react" class="company">douban-movie-react<span class="iconfont-resume">&#xe600</span></a>
                    <div class="abstract">基于 React 的超高仿豆瓣电影</div>
                    <div class="tech-stack">react redux react-router antd</div>
                    <ul class="description">
                        
                          <li>Pro accumsan oportere eu, dicta eruditi dissentiet eu quo. Pri id postea aperiri eloquentiam.</li>
                        
                          <li>Quem salutatus an ius, id erat aliquid per. Ullum copiosae comprehensam ne pri, id libris alienum pro.</li>
                        
                    </ul>
                </li>
              
            </ul>
        </div>
        <!-- page 5 -->
        <div class="section skills">
            <h1>专业技能</h1>
            <div class="skill-container">
                <div>
                    
                      <span>HTML5</span>
                    
                      <span>CSS3</span>
                    
                      <span>ES5/6</span>
                    
                      <span>Gulp</span>
                    
                      <span>Git</span>
                    
                      <span>Webpack</span>
                    
                      <span>前端工程化</span>
                    
                      <span>性能优化</span>
                    
                </div>
            </div>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    
    <script src="https://cdn.jsdelivr.net/npm/fullpage.js@2.9.7/dist/jquery.fullpage.min.js"></script>
    <script>
        $(document).ready(function () {
            $('#fullpage').fullpage({
                navigation: true,
                navigationPosition: "right",
                continuousVertical: true,
                dragAndMove: true,
                afterRender: function(){
                  setTimeout(function(){
                  $('#fullpage').css('opacity', 1)
                  })
                }
            });
        });
    </script>
</body>

</html>